
.room-list {
	padding-left: 20rpx;
	padding-right: 20rpx;
	background-color: #f6f6f6;
}

.room-list .history-loaded {
	font-size: 34rpx;
	height: 60rpx;
	line-height: 60rpx;
	width: 100%;
	text-align: center;
	color: #cccccc;
}

.room-list .load {
	font-size: 34rpx;
	height: 60rpx;
	line-height: 60rpx;
	width: 100%;
	text-align: center;
	color: #d02129;
}

.room-list .message-item {
	display: flex;
	margin: 20rpx 0;
}

.room-list .message-item .message-item-checkbox {
	height: 80rpx;
	display: flex;
	align-items: center;
}

.room-list .message-item .message-item-content {
	flex: 1;
	display: flex;
}

.room-list .message-item .message-item-content.self {
	display: flex;
	justify-content: flex-start;
	flex-direction: row-reverse;
}

.room-list .message-item .avatar {
	width: 80rpx;
	height: 80rpx;
	border-radius: 50%;
	flex-shrink: 0;
	flex-grow: 0;
}
.room-list .message-group .avatar{
	width: 100rpx;
	height: 100rpx;
	margin-top: 20rpx;
}
.room-list .message-group .message-item-content.self .chat-wrap .message-payload{
	justify-content: flex-end;
}
.userName{
	font-size: 24rpx;
	color: #999;
}
.message-item-content.self .userName{
	text-align: right;
}
.room-list .message-item .avatar image {
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.room-list .chat-wrap {
	font-size: 34rpx;
	line-height: 44rpx;
	margin: 0 20rpx;
	max-width: 520rpx;
}

.room-list .chat-wrap .message-payload {
	display: flex;
	align-items: center;
}

.room-list .chat-wrap .image-content {
	border-radius: 12rpx;
	width: 300rpx;
	height: 300rpx;
}

.room-list .chat-wrap .text-content {
	padding: 16rpx;
	border-radius: 12rpx;
	color: #000000;
	background: #FFFFFF;
	word-break: break-all;
	text-align: left;
	vertical-align: center;
	display: block;
}

.room-list .chat-wrap .text-content img {
	width: 50rpx;
	height: 50rpx;
}

.room-list .chat-wrap .file-content {
	width: 560rpx;
	height: 152rpx;
	font-size: 34rpx;
	background: white;
	display: flex;
	align-items: center;
	border-radius: 10rpx;
	padding: 0 20rpx;
}

.room-list .chat-wrap .file-content .file-info {
	width: 386rpx;
	height: 132rpx;
}

.room-list .chat-wrap .file-content .file-info .file-name {
	width: 400rpx;
	margin-top: 15rpx;
	font-size: 34rpx;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	word-break: break-all;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.room-list .chat-wrap .file-content .file-info .file-size {
	width: 200rpx;
	font-size: 34rpx;
	color: #ccc;
}

.room-list .chat-wrap .file-content .file-img {
	width: 100rpx;
	height: 100rpx;
}

.room-list .chat-wrap .pending {
	background: url(".~@/static/images/pending.gif") no-repeat center;
	background-size: 30rpx;
	width: 30rpx;
	height: 30rpx;
	margin-right: 10rpx;
}

.room-list .chat-wrap .send-fail {
	background: url(".~@/static/images/failed.png") no-repeat center;
	background-size: 30rpx;
	width: 30rpx;
	height: 30rpx;
	margin-right: 10rpx;
}

.action-box {
	display: flex;
	backdrop-filter: blur(0.27rpx);
	flex-direction: column;
	background-color: #F6f6f6;
	width: 100%;
}

.action-top {
	display: flex;
	align-items: center;
	box-sizing: border-box;
	background: #F6F6F6;
	backdrop-filter: blur(27.1828px);
	border-top: 1px solid #ECECEC;
	padding: 20rpx;
}

.consult-input {
	flex: 1;
	padding-left: 20rpx;
	margin-left: 0;
	border: none;
	outline: none;
	box-sizing: border-box;
	border-radius: 6px;
	background: #FFFFFF;
	font-size: 32rpx;
}

.more {
	width: 62rpx;
	height: 62rpx;
	margin-right: 10rpx;
	display: flex;
}

.send-btn-box {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 110rpx;
	height: 60rpx;
	border-radius: 10rpx;
	background: #D02129;

}

.send-btn-box .btn {
	color: #FFFFFF;
	font-size: 34rpx;
}

.action-bottom {
	height: 300rpx;
	width: 100%;
	padding: 20rpx;
	box-sizing: border-box;
	display: flex;
}

.action-bottom-emoji {
	justify-content: space-around;
}

.action-bottom image {
	width: 100rpx;
	height: 100rpx;
}

.action-box .action-bottom .more-icon {
	display: flex;
	align-items: center;
	flex-direction: column;
	padding: 0 30rpx;
}

.action-box .action-bottom .operation-icon {
	width: 60rpx;
	height: 60rpx;
	min-width: 60rpx;
	min-height: 60rpx;
	padding: 25rpx;
	border-radius: 20rpx;
	background: #FFFFFF;
}

.action-box .action-bottom .operation-title {
	font-size: 34rpx;
	line-height: 50rpx;
	color: #82868E;
}

.action-box .action-top .record-input {
	flex: 1;
	width: 480rpx;
	height: 80rpx;
	line-height: 80rpx;
	padding-left: 20rpx;
	margin: 0 20rpx;
	margin-left: 0;
	border: none;
	outline: none;
	box-sizing: border-box;
	border-radius: 6px;
	border: solid 1upx #cdcdcd;
	background-color: #fff;
	color: #555;
	font-size: 34rpx;
	text-align: center;
}

.action-box .action-top .record-input.recording {
	background-color: #e5e5e5;
}

.room-list .messageSelector-box {
	display: flex;
	justify-content: center;
	align-items: center;
	backdrop-filter: blur(0.27rpx);
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	border-radius: 12rpx;
	background: #F6F6F6;
	height: 150rpx;
	padding: 20rpx 0;
	font-size: 34rpx;
}

.room-list .messageSelector-box .messageSelector-btn {
	width: 60rpx;
	height: 60rpx;
}

uni-checkbox:not([disabled]) .uni-checkbox-input:hover {
	border-color: #d1d1d1 !important;
}

uni-checkbox .uni-checkbox-input {
	border-radius: 50% !important;
}

/* #ifdef MP-WEIXIN */
checkbox .wx-checkbox-input {
	border-radius: 50% !important;
}

checkbox .wx-checkbox-input.wx-checkbox-input-checked {
	color: #007aff !important;
}

/* #endif */

.room-list .action-popup {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.room-list .action-popup .layer {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(51, 51, 51, 0.5);
	z-index: 999;
}

.room-list .action-popup .action-list {
	width: 350rpx;
	background: #434343;
	position: relative;
	z-index: 1000;
	border-radius: 20rpx;
	overflow: hidden;
}

.room-list .action-popup .action-item {
	text-align: center;
	height: 100rpx;
	line-height: 100rpx;
	font-size: 34rpx;
	color: #ffffff;
	border-bottom: 1px solid #EFEFEF;
}

.room-list .action-popup .action-item:last-child {
	border: none;
}

.room-list .record-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 300rpx;
	height: 300rpx;
	margin: -150rpx -150rpx;
	background: #262628;
	background-size: 100%;
	border-radius: 40rpx;
}

.room-list .img-layer {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000000;
	z-index: 9999;
	padding: 6rpx;
	display: flex;
	justify-content: center;
	align-items: center;
}

.room-list .img-layer uni-image {
	height: 100% !important;
}

.room-list .img-layer {
	height: 100% !important;
	width: 100% !important;
}

.order-list {
	position: fixed;
	top: 0;
	bottom: 0;
	z-index: 10;
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.5);
}

.orders-content {
	position: absolute;
	width: 100%;
	bottom: 0;
	background: #F1F1F1;
	z-index: 200;
}

.title {
	font-weight: 600;
	font-size: 34rpx;
	color: #000000;
	margin-left: 20rpx;
	margin-right: 20rpx;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.close {
	font-size: 50rpx;
}

.order-item {
	padding: 20rpx;
	background: #FFFFFF;
	margin: 20rpx;
	border-radius: 20rpx;
}

.order-id {
	font-size: 34rpx;
	color: #666666;
	margin-bottom: 10rpx;
}

.order-body {
	display: flex;
	font-size: 34rpx;
}

.order-img {
	width: 120rpx;
	height: 120rpx;
	border-radius: 10rpx;
}

.order-name {
	margin-left: 20rpx;
	width: 270rpx;
}

.order-right {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.order-price {
	font-weight: bold;
}

.order-count {
	font-size: 34rpx;
	color: #666666;
}

.room-list .video-snapshot {
	position: relative;
}

.room-list .video-snapshot video {
	/* max-height: 300rpx; */
	max-width: 500rpx;
	min-width: 200rpx;
}

.room-list .video-snapshot .video-play-icon {
	position: absolute;
	width: 40rpx;
	height: 40rpx;
	border-radius: 20rpx;
	background: url(".~@/static/images/play.png") no-repeat center;
	background-size: 100%;
	top: 50%;
	left: 50%;
	margin: -20rpx;
}

.room-list .group-icon {
	right: 20rpx;
	width: 60rpx;
	height: 60rpx;
	top: 14rpx;
	position: fixed;
	right: 20rpx;
	top: 120rpx;
	background-color: #C4C4C4;
	z-index: 2;
	border-radius: 60rpx;
}

.uni-toast {
	background-color: #ffffff !important;
}


.room-list .audio-content {
	height: 86rpx;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.room-list .audio-facade {
	min-width: 20rpx;
	padding: 6rpx 10rpx;
	line-height: 72rpx;
	background: #FFFFFF;
	font-size: 34rpx;
	border-radius: 14rpx;
	color: #000000;
	display: flex;
}

.room-list .audio-facade-bg {
	background: url("/static/images/voice.png") no-repeat center;
	background-size: 30rpx;
	width: 40rpx;
}

.room-list .audio-facade-bg.play-icon {
	background: url("/static/images/play.gif") no-repeat center;
	background-size: 30rpx;
}
.room-list .audio-self{
	justify-content: flex-end;
}
.room-list .audio-self .audio-facade-bg{
	transform: rotate(180deg);
}
.room-list .order-content {
	border-radius: 20rpx;
	background: #FFFFFF;
	padding: 16rpx;
	display: flex;
	flex-direction: column;
}

.scroll-view .chat-wrap .order-id {
	color: #333333;
}

.scroll-view .chat-wrap .order-body {
	padding: 10rpx;
}

.scroll-view .chat-wrap .order-name {
	font-weight: normal;
}

.scroll-view .chat-wrap .order-info {
	display: flex;
	justify-content: space-between;
	padding: 10rpx;
}

.scroll-view .chat-wrap .order-info .order-price {
	font-weight: normal;
}

.message-read {
	color: grey;
	font-size: 34rpx;
	text-align: end;
	height: 36rpx;
}

.message-unread {
	color: #d02129;
	font-size: 34rpx;
	text-align: end;
}

.message-recalled {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15rpx 0;
	font-size: 28rpx;
	text-align: center;
	color: grey;
}

.message-recalled .message-recalled-self {
	display: flex;
}

.message-recalled .message-recalled-self span {
	margin-left: 10rpx;
	color: #d02129;
}



.myhover {
	opacity: 0.8;
}

.im_reddot {
	position: absolute;
	top: 20rpx;
	left: 100rpx;
	width: 24rpx;
	height: 24rpx;
	border-radius: 50%;
	background-color: #f43530;
	color: #fff;
	transform: translate(50%, -50%);
}

.im_reddot_right {
	position: relative;
	top: 30rpx;
	right: 20rpx;
	width: 24rpx;
	height: 24rpx;
	border-radius: 50%;
	background-color: #f43530;
	color: #fff;
	transform: translate(50%, -50%);
}

.im_red::after {
	content: '*';
	font-size: 40rpx;
	color: red;
	vertical-align: -webkit-baseline-middle;
}

.input-group {
	background-color: #f7f7f7;
	margin-top: 40rpx;
	position: relative;
}

.input-group::before {
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	height: 1rpx;
	content: '';
	-webkit-transform: scaleY(0.5);
	transform: scaleY(0.5);
	background-color: #dfdfdf;
}

.input-group::after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	height: 1rpx;
	content: '';
	-webkit-transform: scaleY(0.5);
	transform: scaleY(0.5);
	background-color: #dfdfdf;
}

.input-row {
	display: flex;
	flex-direction: row;
	position: relative;
	font-size: 36rpx;
	line-height: 80rpx;
}

.input-row .title {
	width: 144rpx;
	padding-left: 30rpx;
}

.input-row.border::after {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 16rpx;
	height: 1rpx;
	content: '';
	-webkit-transform: scaleY(0.5);
	transform: scaleY(0.5);
	background-color: #dfdfdf;
}

.btn-row {
	margin-top: 50rpx;
	padding: 20rpx;
}

.plain-button {
	border: unset !important;
	font-size: 32rpx;
}

.plain-button::after {
	border: unset !important;
}

.text-inline {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 90%;
}

.text-inline-maxwidth {
	max-width: 400rpx !important;
}

.text-inline-more {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}


.im-load {
	display: block;
	line-height: 80rpx;
	text-align: center;
	font-size: 28rpx;
}

.im-load.loading::before {
	font-family: "cuIcon";
	display: inline-block;
	margin-right: 4rpx;
	content: "\e64f";
	animation: cuIcon-spin 2s infinite linear;
}

.im-load.loading::after {
	content: "  加载中...";
}


.im-load.over::after {
	content: "没有更多了";
}

.my-icon-right {
	font-size: 40rpx;
	flex-shrink: 0;
	color: #999;
}

.my-angle-right::after {
	font-family: cuIcon;
	display: block;
	content: "\e6a3";
	position: absolute;
	font-size: 34rpx;
	color: #888888;
	/* opacity: 0.5; */
	width: 60rpx;
	text-align: center;
	top: 0;
	bottom: 0;
	right: -20rpx;
	margin: auto;
	line-height: 60rpx;
}

.im-border-top {
	border-top: 1rpx solid #f1f1f1;
}

.im-border-bottom {
	border-bottom: 1rpx solid #f1f1f1;
}

.iconmiddle {
	display: inline-block;
	vertical-align: middle;
}

.linkicon {
	color: #f37b1d;
}

.cuIcon-position {
	top: -4rpx;
	position: relative;
}

.my-view>image {
	width: 80rpx;
	height: 80rpx;
	font-size: 48rpx;
	border-radius: 6rpx;
	color: white;
	text-align: center;
	line-height: 80rpx;
	background-size: cover;
	background-repeat: no-repeat;
	flex-shrink: 0;
}

.node-img {
	width: 240rpx;
	height: 240rpx;
	vertical-align: middle;
}

.node-emoji {
	width: 48rpx;
	height: 48rpx;
	vertical-align: middle;
}

.im-ads-start {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1000;
	background: rgba(0, 0, 0, 0.86);
	display: flex;
	flex-direction: column;
	justify-content: center;
}

rich-text {
	white-space: pre-wrap;
}

.vip-tips {
	font-size: 20rpx !important;
	line-height: unset !important;
	font-weight: 600;
	color: white;
	display: inline-block;
	background: #e54d42;
	padding: 2rpx 10rpx;
	margin-right: 8rpx;
	border-radius: 8rpx;
	vertical-align: top;
	margin-top: 4rpx;
}


.my-box {
	background: white;
	margin-bottom: 20rpx;
}
.my-box .face {
	width: 80rpx;
	height: 80rpx;
	border-radius: 10rpx;
}

.my-box-title {
	padding: 0rpx 40rpx 20rpx;
	font-size: 28rpx;
}

.my-box-title.all-user {
	display: flex;
	justify-content: space-between;
}

.my-box-search {
	background: white;
	margin-bottom: 20rpx;
	position: relative;
	padding: 20rpx 40rpx;
}

.my-box-search icon {
	position: absolute;
	top: 28rpx;
	right: 40rpx;
	color: #666;
}

.my-box-search input {
	height: 48rpx;
}

.my-view {
	display: flex;
	padding: 20rpx 40rpx;
	justify-content: flex-start;
	align-items: center;
	position: relative;
	border-bottom: 2rpx solid #f1f1f1;
}

.my-view image,
.my-view .icon {
	width: 80rpx;
	height: 80rpx;
	border-radius: 6rpx;
	flex-shrink: 0;
}

.my-view .icon.blue {
	background-color: #007aff;
}

.my-view .icon.yellow {
	background-color: #eea236;
}

.my-view .icon.green {
	background-color: #05C160;
}

.my-view .icon.red {
	background-color: #FF6060;
}

.my-view >text {
	flex-grow: 2;
	height: 80rpx;
	line-height: 80rpx;
	margin-left: 40rpx;
}


.bg-red {
	background-color: #e54d42;
	color: #ffffff;
}

.bg-orange {
	background-color: #f37b1d;
	color: #ffffff;
}

.bg-yellow {
	background-color: #fbbd08;
	color: #333333;
}

.bg-olive {
	background-color: #8dc63f;
	color: #ffffff;
}

.bg-green {
	background-color: #05C160;
	color: #ffffff;
}
.bg-darkgreen{
	background-color: #0DAD51;
	color: #ffffff;
}

.bg-cyan {
	background-color: #1cbbb4;
	color: #ffffff;
}

.bg-blue {
	background-color: #0081ff;
	color: #ffffff;
}
.bg-blue-light{
	background-color: #03B6FE;
	color: #ffffff;
}
.bg-purple {
	background-color: #6739b6;
	color: #ffffff;
}

.bg-mauve {
	background-color: #9c26b0;
	color: #ffffff;
}

.bg-pink {
	background-color: #e03997;
	color: #ffffff;
}
.bg-pink-light{
	background-color: #FF69B4;
	color: #ffffff;
}
.bg-gold{
	background-color:#DAA520;
	color: #ffffff;
}

.bg-brown {
	background-color: #a5673f;
	color: #ffffff;
}

.bg-grey {
	background-color: #888888;
	color: #ffffff;
}

.bg-gray {
	background-color: #f0f0f0;
	color: #333333;
}

.bg-black {
	background-color: #333333;
	color: #ffffff;
}

.bg-white {
	background-color: #ffffff;
	color: #666666;
}

.bg-shadeTop {
	background-image: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.01));
	color: #ffffff;
}

.bg-shadeBottom {
	background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 1));
	color: #ffffff;
}

.bg-red.light {
	color: #e54d42;
	background-color: #fadbd9;
}

.bg-orange.light {
	color: #f37b1d;
	background-color: #fde6d2;
}

.bg-yellow.light {
	color: #fbbd08;
	background-color: #fef2ced2;
}

.bg-olive.light {
	color: #8dc63f;
	background-color: #e8f4d9;
}

.bg-green.light {
	color: #05C160;
	background-color: #d7f0dbff;
}

.bg-cyan.light {
	color: #1cbbb4;
	background-color: #d2f1f0;
}

.bg-blue.light {
	color: #0081ff;
	background-color: #cce6ff;
}

.bg-purple.light {
	color: #6739b6;
	background-color: #e1d7f0;
}

.bg-mauve.light {
	color: #9c26b0;
	background-color: #ebd4ef;
}

.bg-pink.light {
	color: #e03997;
	background-color: #f9d7ea;
}

.bg-brown.light {
	color: #a5673f;
	background-color: #ede1d9;
}

.bg-grey.light {
	color: #888888;
	background-color: #e7ebed;
}

.bg-gradual-red {
	background-image: linear-gradient(45deg, #f43f3b, #ec008c);
	color: #ffffff;
}

.bg-gradual-orange {
	background-image: linear-gradient(45deg, #ff9700, #ed1c24);
	color: #ffffff;
}

.bg-gradual-green {
	background-image: linear-gradient(45deg, #05C160, #8dc63f);
	color: #ffffff;
}

.bg-gradual-purple {
	background-image: linear-gradient(45deg, #9000ff, #5e00ff);
	color: #ffffff;
}

.bg-gradual-pink {
	background-image: linear-gradient(45deg, #ec008c, #6739b6);
	color: #ffffff;
}

.bg-gradual-blue {
	background-image: linear-gradient(45deg, #0081ff, #1cbbb4);
	color: #ffffff;
}

.shadow[class*="-red"] {
	box-shadow: 6rpx 6rpx 8rpx rgba(204, 69, 59, 0.2);
}

.shadow[class*="-orange"] {
	box-shadow: 6rpx 6rpx 8rpx rgba(217, 109, 26, 0.2);
}

.shadow[class*="-yellow"],.shadow[class*="-gold"] {
	box-shadow: 6rpx 6rpx 8rpx rgba(224, 170, 7, 0.2);
}

.shadow[class*="-olive"] {
	box-shadow: 6rpx 6rpx 8rpx rgba(124, 173, 55, 0.2);
}

.shadow[class*="-green"],.shadow[class*="-darkgreen"] {
	box-shadow: 6rpx 6rpx 8rpx rgba(48, 156, 63, 0.2);
}

.shadow[class*="-cyan"] {
	box-shadow: 6rpx 6rpx 8rpx rgba(28, 187, 180, 0.2);
}

.shadow[class*="-blue"] {
	box-shadow: 6rpx 6rpx 8rpx rgba(0, 102, 204, 0.2);
}

.shadow[class*="-purple"] {
	box-shadow: 6rpx 6rpx 8rpx rgba(88, 48, 156, 0.2);
}

.shadow[class*="-mauve"] {
	box-shadow: 6rpx 6rpx 8rpx rgba(133, 33, 150, 0.2);
}

.shadow[class*="-pink"] {
	box-shadow: 6rpx 6rpx 8rpx rgba(199, 50, 134, 0.2);
}

.shadow[class*="-brown"] {
	box-shadow: 6rpx 6rpx 8rpx rgba(140, 88, 53, 0.2);
}

.shadow[class*="-grey"] {
	box-shadow: 6rpx 6rpx 8rpx rgba(114, 130, 138, 0.2);
}

.shadow[class*="-gray"] {
	box-shadow: 6rpx 6rpx 8rpx rgba(114, 130, 138, 0.2);
}

.shadow[class*="-black"] {
	box-shadow: 6rpx 6rpx 8rpx rgba(26, 26, 26, 0.2);
}

.shadow[class*="-white"] {
	box-shadow: 6rpx 6rpx 8rpx rgba(26, 26, 26, 0.2);
}

.text-shadow[class*="-red"] {
	text-shadow: 6rpx 6rpx 8rpx rgba(204, 69, 59, 0.2);
}

.text-shadow[class*="-orange"] {
	text-shadow: 6rpx 6rpx 8rpx rgba(217, 109, 26, 0.2);
}

.text-shadow[class*="-yellow"]{
	text-shadow: 6rpx 6rpx 8rpx rgba(224, 170, 7, 0.2);
}

.text-shadow[class*="-olive"] {
	text-shadow: 6rpx 6rpx 8rpx rgba(124, 173, 55, 0.2);
}

.text-shadow[class*="-green"] {
	text-shadow: 6rpx 6rpx 8rpx rgba(48, 156, 63, 0.2);
}

.text-shadow[class*="-cyan"] {
	text-shadow: 6rpx 6rpx 8rpx rgba(28, 187, 180, 0.2);
}

.text-shadow[class*="-blue"] {
	text-shadow: 6rpx 6rpx 8rpx rgba(0, 102, 204, 0.2);
}

.text-shadow[class*="-purple"] {
	text-shadow: 6rpx 6rpx 8rpx rgba(88, 48, 156, 0.2);
}

.text-shadow[class*="-mauve"] {
	text-shadow: 6rpx 6rpx 8rpx rgba(133, 33, 150, 0.2);
}

.text-shadow[class*="-pink"] {
	text-shadow: 6rpx 6rpx 8rpx rgba(199, 50, 134, 0.2);
}

.text-shadow[class*="-brown"] {
	text-shadow: 6rpx 6rpx 8rpx rgba(140, 88, 53, 0.2);
}

.text-shadow[class*="-grey"] {
	text-shadow: 6rpx 6rpx 8rpx rgba(114, 130, 138, 0.2);
}

.text-shadow[class*="-gray"] {
	text-shadow: 6rpx 6rpx 8rpx rgba(114, 130, 138, 0.2);
}

.text-shadow[class*="-black"] {
	text-shadow: 6rpx 6rpx 8rpx rgba(26, 26, 26, 0.2);
}

.bg-img {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.bg-mask {
	background-color: #333333;
	position: relative;
}

.bg-mask::after {
	content: "";
	border-radius: inherit;
	width: 100%;
	height: 100%;
	display: block;
	background-color: rgba(0, 0, 0, 0.4);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}

.bg-mask view,
.bg-mask cover-view {
	z-index: 5;
	position: relative;
}

.bg-video {
	position: relative;
}

.bg-video video {
	display: block;
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	position: absolute;
	top: 0;
	z-index: 0;
	pointer-events: none;
}

/* ==================
          文本
 ==================== */

.text-xs {
	font-size: 20rpx;
}

.text-sm {
	font-size: 24rpx;
}

.text-df {
	font-size: 28rpx;
}

.text-lg {
	font-size: 32rpx;
}

.text-xl {
	font-size: 36rpx;
}

.text-xxl {
	font-size: 44rpx;
}

.text-xxxl {
	font-size: 64rpx;
}

.text-sl {
	font-size: 80rpx;
}

.text-xsl {
	font-size: 120rpx;
}
.text-Abc {
	text-transform: Capitalize;
}

.text-ABC {
	text-transform: Uppercase;
}

.text-abc {
	text-transform: Lowercase;
}

.text-price::before {
	content: "¥";
	font-size: 80%;
	margin-right: 4rpx;
}

.text-cut {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.text-bold {
	font-weight: bold;
}

.text-center {
	text-align: center;
}

.text-content {
	line-height: 1.6;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-red,
.line-red,
.lines-red {
	color: #e54d42;
}

.text-orange,
.line-orange,
.lines-orange {
	color: #f37b1d;
}

.text-yellow,
.line-yellow,
.lines-yellow {
	color: #fbbd08;
}

.text-olive,
.line-olive,
.lines-olive {
	color: #8dc63f;
}

.text-green,
.line-green,
.lines-green {
	color: #05C160;
}
.text-darkgreen,
.line-darkgreen,
.lines-darkgreen {
	color:#0DAD51
}
.text-cyan,
.line-cyan,
.lines-cyan {
	color: #1cbbb4;
}

.text-blue,
.line-blue,
.lines-blue {
	color: #0081ff;
}

.text-purple,
.line-purple,
.lines-purple {
	color: #6739b6;
}

.text-mauve,
.line-mauve,
.lines-mauve {
	color: #9c26b0;
}

.text-pink,
.line-pink,
.lines-pink {
	color: #e03997;
}

.text-brown,
.line-brown,
.lines-brown {
	color: #a5673f;
}

.text-grey,
.line-grey,
.lines-grey {
	color: #888888;
}

.text-gray,
.line-gray,
.lines-gray {
	color: #aaaaaa;
}

.text-black,
.line-black,
.lines-black {
	color: #333333;
}

.text-white,
.line-white,
.lines-white {
	color: #ffffff;
}

.text-gold,
.line-gold,
.lines-gold {
	color: #DAA520;
}


.color-red {
	color: #e54d42;
}
.color-orange {
	color: #f37b1d;
}
.color-yellow {
	color: #fbbd08;
}
.color-olive {
	color: #8dc63f;
}

.color-green {
	color: #05C160;
}
.color-cyan {
	color: #1cbbb4;
}

.color-blue {
	color: #0081ff;
}

.color-purple {
	color: #6739b6;
}

.color-mauve {
	color: #9c26b0;
}

.color-pink {
	color: #e03997;
}

.color-brown {
	color: #a5673f;
}

.color-grey {
	color: #888888;
}

.color-gray {
	color: #f0f0f0;
}
.color-black {
	color: #333333;
}
.color-white {
	color: #ffffff;
}
.color-red.light {
	color: #e54d42;
}

.color-orange.light {
	color: #f37b1d;
}

.color-yellow.light {
	color: #fbbd08;
}

.color-olive.light {
	color: #8dc63f;
}

.color-green.light {
	color: #05C160;
}

.color-darkgreen{
	color:#0DAD51;
}
.color-darkblue{
	color:#337ab7;
}

.color-cyan.light {
	color: #1cbbb4;
}

.color-blue.light {
	color: #03B6FE;
}

.color-blue.dark{
	color:#36648B
}

.color-purple.light {
	color: #6739b6;
}

.color-mauve.light {
	color: #9c26b0;
}

.color-pink.light {
	color: #FF69B4;
}

.color-brown.light {
	color: #a5673f;
}

.color-grey.light {
	color: #808080;
}
.color-gold{
	color:#DAA520;
	/* color:#E4BF85; */
}


.cu-form-group{
	background-color: #fff;
	padding: 0.5px 15px;
	display: flex;
	align-items: center;
	min-height: 50px;
	justify-content: space-between;
}